<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=US-ASCII"
    pageEncoding="US-ASCII"%>
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -->
<!DOCTYPE html> <!-- to recognize tags and attributes from HTML5 -->
<html>
<head>
   	<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
    <title>Hello</title>
    <style>
	a.test {
   		font-weight: bold;
	}
	</style>
	<script src="js/libs/jquery-2.1.1.js"></script>
    <script> 	
	$( document ).ready(function() {
		$( "a" ).addClass( "test" );
		
	    $( "a" ).click(function( event ) {	 
	    	event.preventDefault();	    	 
	        $( this ).hide( "slow" );
	    });
	    
	    console.log( "document loaded" );
	});
	
    $( window ).load(function() {
        console.log( "window loaded" );
    });
	
    </script>
</head>
<body>
    <a href="http://jquery.com/">jQuery</a>
    

    <br>
    <h2>Hi There!</h2>
	<br>
	<h3>Date=<%= new Date() %>
	</h3>
	<h1 id="hello-world">Hello World</h1>
	<iframe seamless src="http://techcrunch.com"></iframe>	
	
    <script>
	var title = document.getElementById( "hello-world" );
	console.log( title );
    </script>
	
</body>
</html>